<template>    <div>        <ul class="chat-list">            <li v-for="item in chatList">                <router-link :to="{path:'/message',query:{id:item.id}}" >                    <img :src="item.imgSrc">                    <div>                        <span>{{item.name}}</span>                        <p>{{item.text}}</p>                    </div>                </router-link>            </li>        </ul>        <!--{{chatList}}-->    </div></template><script>    export default{        props:['chatList'],        data : function(){            return {            }        }    }</script><style scoped>.chat-list li{    border:1px solid #c3c3c3;    height:60px;}.chat-list img{    width:60px;    height:60px;    float: left;    padding-right: 5px;}.chat-list div{    color:#000;    line-height: 30px;}.chat-list span{font-size: 19px;}.chat-list p{    font-size: 14px;    color:#cccccc;}</style>